<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<link rel="stylesheet" href="js/Bootstrap.css" />
<link rel="stylesheet" href="js/jquery.mobile.structure.min.css" />
<link rel="stylesheet" href="js/jquery.mobile.icons.min.css" />

<script src="js/jquery.js"></script>
<script src="js/jquery.mobile.js"></script>
<script src="js/tools.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" charset="utf-8">
	// Wait for device API libraries to load
	//
	$(document).ready(onLoad);
	function onLoad() {
		document.addEventListener("deviceready", onDeviceReady, false);

	}
	// device APIs are available
	// deviceready事件處理函數，PhoneGap完成載入後調用該函數
	function onDeviceReady() {

	}
</script>
<style type="text/css">

</style>
<title>點心家族行事曆</title>
</head>
<body>
<div id="dayEventList" data-role="page">
  <div class="ui-header" style="background: rgba(245,245,245,0.5);padding:5px;" data-role="header" data-position="fixed">
  	<h1 id="lbDayListMonth" style="color:black;border:5px double black;border-radius:10px;" onClick="window.location.href = 'index2.html';">2014.07</h1>
    <a id="dayPreMonth" data-ajax="false" href="#" style="position:absolute; left:0px; z-index:1;padding: 10px;"  class="ui-btn ui-corner-all ui-icon-carat-l ui-btn-icon-notext">Pre</a>
    <a id="dyaNextMonth" data-ajax="false" href="#" style="position:absolute;right:10px; z-index:1;padding: 10px;"  class="ui-btn ui-corner-all ui-icon-carat-r ui-btn-icon-notext">Next</a>
  </div>
  <!-- /header -->
  <div id="dateContent" role="main" class="ui-content">
    
  </div>
  <!-- /content -->
  <div data-role="footer" class="ui-grid-a">
  	<a style="font-size:1.5em" class="ui-btn ui-corner-all ui-btn-c ui-shadow ui-block-a" data-ajax="false" href="index2.html">Calendar</a><a style="font-size:1.5em" class="ui-btn ui-corner-all ui-btn-c ui-shadow ui-block-b ui-state-disabled"  href="#">List&Diary</a>
  </div>
  <!-- /footer -->
 <script src="js/index.js"></script>
 <link rel="stylesheet" href="css/index.css" />
</div>
<!-- /page -->
 
</body>
</html>
